import React from "react";
import "./home.scss";
// import { StarOutlined, StarFilled, StarTwoTone } from "@ant-design/icons";
import Homeson from './Son'
const Home = () => {
  const lis = [
    {
      name: "我的订单",
    },
    {
      name: "我的商品",
      child: ['待处理订单','消息','返修退换货','我的回答'],
    },
    {
      name: "会员",
    },
    {
      name: "企业采购",
      child: [],
    },
    {
      name: "客服",
      child: [],
    },
    {
      name: "网站导购",
      child: [],
    },
    { name: "移动端" },
  ];
  return (
    <div className="home">
      <header>
        <div className="header">
          <ul style={{ float: "left" }}>
            <li>
              {/* <EnvironmentTwoTone /> */}
              <a href="###">北京</a>
            </li>
          </ul>
          <ul style={{ float: "right" }}>
            {lis.map((item, index) => {
              return (
                <li key={index}>
                  <a href="###">{item.name}</a>
                {item.child?<Homeson item={item.child} />:''}
                </li>
              );
            })}
          </ul>
          <div style={{ clear: "both" }}></div>
        </div>
      </header>
      <main></main>
      <footer></footer>
    </div>
  );
};
export default Home;
